<header class="md:py-4 py-2 px-2">
    <div class="max-w-screen-xl mx-auto flex gap-2 items-center justify-between ">
        <x-logo class="z-50 relative"></x-logo>
        <navbar-component>
                <li>
                    <a class="text-base uppercase tracking-wide font-semibold inline-block w-full" href="help">Волонтерская помощь</a>
                </li>
                <li>
                    <a class="text-base uppercase tracking-wide font-semibold inline-block w-full" href="study">Обучение</a>
                </li>
                <li>
                    <a class="text-base uppercase tracking-wide font-semibold inline-block w-full" href="employment">Трудоустройство</a>
                </li>
        </navbar-component>
    </div>
</header>
